<template>
  <!-- <NavBar></NavBar> -->
  <MakeNavBar></MakeNavBar>
  <div class="box">
    <div class="left">
      <Module></Module>
    </div>
    <div class="center">22</div>
    <div class="right">33</div>
  </div>
</template>
<script setup lang="ts">
// import NavBar from '@/components/NavBar/NavBar.vue'
// import navBarHanlder from '@/util/scrollHandler.ts'
// navBarHanlder()
import MakeNavBar from '@/view/Make/components/makeNavBar/makeNavBar.vue'
import Module from '@/view/CreateTemplate/Module.vue'
</script>
<style lang="scss" scoped>
  .box {
    height: 1200px;
    padding-top: 60px;
    background-color: #F3F3F3;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 300px auto 300px;
    .left {
      background-color: #fff;
    }
    .center {
      background-color:purple;
    }
    .right {
      background-color: red;
    }
  }
</style>